﻿<%@ Page Title="" Language="C#" MasterPageFile="~/ACM.Master" AutoEventWireup="true" CodeBehind="ChangePassword.aspx.cs" Inherits="ACM.ChangePassword" %>
<%@ Register Src="~/UserControls/StatusPanel.ascx" TagPrefix="uc" TagName="StatusPanel" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
        <style type="text/css">
        .my-error-class {
            color: #d72728;
            font-size: 12px;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="StatusPlaceHolder" runat="server">
    <uc:StatusPanel ID="Status" runat="server"></uc:StatusPanel>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="content" runat="server">
    <div class="container">
        <div class="row">
            <div class="col-md-4 col-md-offset-4">
                <div class="login-panel panel panel-default">
                    <div class="panel-body">
                            <fieldset>
                                <div class="form-group">
                                    <asp:TextBox ID="txtOldPassweord" CssClass="form-control" runat="server" placeholder="รหัสผ่านเดิม" TextMode="Password" autofocus></asp:TextBox>
                                </div>
                                <div class="form-group">
                                    <asp:TextBox ID="txtNewPassweord" CssClass="form-control" placeholder="รหัสผ่านใหม่" runat="server" TextMode="Password"></asp:TextBox>
                                </div>
                                <div class="form-group">
                                    <asp:TextBox ID="txtConfPassword" CssClass="form-control" placeholder="ยืนยันรหัสผ่านใหม่" runat="server" TextMode="Password"></asp:TextBox>
                                </div>
                                <asp:Label ID="lblWrongPassword" runat="server" Text="รหัสผ่านเดิมไม่ถูกต้อง กรุณาลองอีกครั้ง" Visible="False" ForeColor="Red"></asp:Label>
                                <asp:Button ID="btnSubmit" runat="server" Text="Ok" CssClass="btn btn-lg btn-primary btn-block" OnClick="btnSubmit_Click" /> 
                                <input type="button" class="btn btn-lg btn btn-block" value="cancel" onclick="window.location = 'SearchCarAdvance.aspx'" />
                            </fieldset>
                    </div>
                </div>
            </div>
        </div>
    </div>
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="script" runat="server" >
    <script type="text/javascript">
        $(document).ready(function () {

            $("#form1").validate({
                rules: {
                    ctl00$content$txtOldPassweord: {
                        required: true,
                        minlength: 4
                    },
                    ctl00$content$txtNewPassweord: {
                        required: true,
                        minlength: 4
                    },
                    ctl00$content$txtConfPassword: {
                        required: true,
                        minlength: 4,
                        equalTo: "#ctl00_content_txtNewPassweord"
                    }
                },
                messages: {
                    ctl00$content$txtOldPassweord: {
                        required: "กรุณากรอกรหัสผ่านเดิม",
                        minlength: "กรุณากรอกอย่างน้อย 4 ตัวอักษร"
                    },
                    ctl00$content$txtNewPassweord: {
                        required: "กรุณากรอกรหัสผ่านใหม่",
                        minlength: "กรุณากรอกอย่างน้อย 4 ตัวอักษร"
                    },
                    ctl00$content$txtConfPassword: {
                        required: "กรุณายืนยันรหัสผ่านใหม่",
                        minlength: "กรุณากรอกอย่างน้อย 4 ตัวอักษร",
                        equalTo: "ยืนยันรหัสผ่านใหม่ไม่ถูกต้อง"
                    }
                },
                errorClass: "my-error-class",
                validClass: "my-valid-class"
            });
        });
    </script>
</asp:Content>
